import {Outlet, Route, Routes} from "react-router-dom";

import {Content} from "antd/es/layout/layout";
import React from "react";
import RoleList from "@/pages/Role/RoleList";
import AddRole from "@/pages/Role/AddRole";
import EditRole from "@/pages/Role/EditRole";


const Role = ()=>{

  return (

    <div>
      <Routes>
        <Route index path="/system/role" element={<RoleList />} />
        <Route path="/system/role/add-role" element={<AddRole/>} />
        <Route path="/system/role/edit-role" element={<EditRole/>} />
      </Routes>


      <Content
        style={{
          position:'relative',
          // padding: 24,
          marginTop: "10px",
          minHeight: 400,
          background: "#fff",
        }}
      >
        <Outlet />
      </Content>
    </div>
  )
}

export default Role;